<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>AI 辅助分析</title>
    <link rel="icon" type="image/png" href="./assets/icon.png">
    <!-- Tailwind CSS -->
    <script src="./lib/tailwindcss@3.js"></script>
    <link rel="stylesheet" href="./lib/daisyui@4.7.2.css">

    <script src="./lib/alpinejs@3.js" defer></script>

    <style>
      ::-webkit-scrollbar {
        width: 0px;
      }
    </style>
</head>
<body>
    <!-- 导航栏 -->
    <div class="navbar bg-base-100 shadow-sm">
        <div class="navbar-start">
          <div class="dropdown">
            <div tabindex="0" role="button" class="btn btn-ghost lg:hidden">
              <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h8m-8 6h16" /> </svg>
            </div>
            <ul
              tabindex="0"
              class="menu menu-sm dropdown-content bg-base-100 rounded-box z-1 mt-3 w-52 p-2 shadow">
              <li><a href="/">首页</a></li>
              <li><a href="/operations.html">计数日志</a></li>
              <li><a href="/operations.html">更多操作</a></li>
            </ul>
          </div>
          <a class="btn btn-ghost text-xl">
            <img src="./assets/icon.png" class="w-8" alt="">
            班级积分管理
          </a>
        </div>
        <div class="navbar-center hidden lg:flex">
          <ul class="menu menu-horizontal px-1  w-[20rem] flex justify-between">
            <li><a href="/">首页</a></li>
            <li><a href="log.html">计分日志</a></li>
            <li><a href="operations.html">更多操作</a></li>
          </ul>
        </div>
        <div class="navbar-end">
          <a href="ai.html" class="btn">AI 辅助分析</a>
        </div>
    </div>
    <!-- 内容 -->
    <main class="flex-col flex justify-center items-center p-10">
      <!-- 头部功能 -->
      <div class="flex justify-between items-center rounded-box border border-base-content/5 bg-base-100 w-9/12 shadow-sm p-6">

        <div class="flex gap-3">
          <label class="form-control max-w-xs">
            <div class="label">
              <span class="label-text">请设置你的 DeepSeek API_KEY</span>
            </div>
            <input type="text" placeholder="sk-" class="input input-bordered max-w-xs">
          </label>
  
          <label class="form-control max-w-xs">
            <div class="label">
              <span class="label-text">选择要分析的周期</span>
            </div>
            <select class="select select-bordered">
              <option disabled selected>选择时间</option>
              <option>一天内</option>
              <option>七天内</option>
              <option>一月内</option>
            </select>
          </label>
        </div>

        <button class="btn btn-outline btn-info">开始分析</button>

      </div>
      <!-- AI -->
      <div class="p-10 overflow-x-auto rounded-box border border-base-content/5 bg-base-100 w-9/12 mt-10">
        <div class="chat chat-start">
          <div class="chat-image avatar">
            <div class="w-10 rounded-full">
              <img class="w-10" src="./assets/deepseek.png" alt="">
            </div>
          </div>
          <div class="chat-bubble">
            <p>AI 功能尚未完善哦。</p>
          </div>
        </div>
      </div>
    </main>
</body>
</html>